/**
 * 酷办公移动端页面 
 */
.item-avatar .item-content .item-image,
.item-avatar .item-content>img:first-child,
.item-avatar .item-image,
.item-avatar-left .item-content .item-image,
.item-avatar-left .item-content>img:first-child,
.item-avatar-left .item-image,
.item-avatar-left>img:first-child,
.item-avatar>img:first-child {
  border-radius: 4px;
  top: 14px;
  max-height: 44px;
  max-width: 44px;
}

.item-complex.item-complex-sq .item-content{ padding-right: 16px; }

.list-group{}
.list-group .item:not(.item-divider) + .item:not(.item-divider){ border-top-color: #ebeff6; }

.list-indent{ background-color: #fff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.list-indent .item{ border: 0 none; }
.list-indent .item:not(.item-divider){ margin-left: 10px; padding-left: 0; }
.list-indent .item + .item{ border-top: 1px solid #ebeff6; }
.list-indent .item + .item-divider{ border-top: 1px solid #dfdfdf; }

.list-indent .item-checkbox .checkbox{ left: 0; }
.list-indent .item-complex .item-content{ padding-left: 56px; }

.item-indent{ border-bottom-width: 0; }
.item-indent:last-child{ border-bottom-width: 1px; }
.item-indent + .item-indent{ border-top-width: 0; border-bottom-width: 1px;  }
.item-indent + .item-indent:before{
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 10;
  right: 0;
  width: 100%;
  border-top: 1px solid #ebeff6;
}
.item-indent.item-checkbox + .item-indent.item-checkbox:before{
  left: 60px
}

.list-avatar-group .item-divider{ padding-left: 10px; }
.list-avatar-group .item-avatar{ padding-top: 10px; padding-bottom: 10px; padding-left: 62px; }
.list-avatar-group .item-avatar.item-complex{ padding-top: 0; padding-bottom: 0; padding-left: 0; }
.list-avatar-group .item-avatar,
.list-avatar-group .item-avatar .item-content,
.list-avatar-group .item-avatar-left,
.list-avatar-group .item-avatar-left .item-content{ min-height: 60px; }
.list-avatar-group .item-avatar.item-complex .item-content{ padding-top: 10px; padding-bottom: 10px; padding-left: 66px; }
.list-avatar-group .item-avatar > img:first-child,
.list-avatar-group .item-avatar .item-image,
.list-avatar-group .item-avatar .item-content > img:first-child,
.list-avatar-group .item-avatar .item-content .item-image,
.list-avatar-group .item-avatar-left > img:first-child,
.list-avatar-group .item-avatar-left .item-image,
.list-avatar-group .item-avatar-left .item-content > img:first-child,
.list-avatar-group .item-avatar-left .item-content .item-image{ top: 10px; left: 10px; }
.list-avatar-group .item-avatar + .item-avatar{ border-top: 0 none; }
.list-avatar-group .item-avatar + .item-avatar:before{
  content: '';
  position: absolute;
  top: 0;
  left: 62px;
  z-index: 10;
  display: block;
  width: 100%;
  height: 1px;
  background: #DADFE6;
}

.list-avatar-group .item-checkbox.item-complex{ padding-left: 0; }
.list-avatar-group .item-avatar.item-checkbox > img:first-child,
.list-avatar-group .item-avatar.item-checkbox .item-image,
.list-avatar-group .item-avatar.item-checkbox .item-content > img:first-child,
.list-avatar-group .item-avatar.item-checkbox .item-content .item-image { left: 60px; }
.list-avatar-group .item-avatar.item-checkbox,
.list-avatar-group .item-avatar.item-checkbox.item-complex .item-content{ padding-left: 116px; }
.list-avatar-group .item-avatar.item-checkbox.item-complex{ padding-left: 0; }
.list-avatar-group .item-avatar.item-complex.item-complex-sq .item-content{ padding-right: 10px; }

.button-icon-top{ font-size: 10px!important; }
.button-icon-top i{ display: block; font-size: 24px; line-height: 16px; margin-bottom: -8px; }

.item-input-display .input-content{ color: #82939e; }
.input-label-narrow{ width: 25%; }
.input-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 220px;
  -moz-box-flex: 1;
  -moz-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  flex: 1 1 220px;
  padding-right: 24px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.input-content.text-right{
  -webkit-flex: 1 0 180px;
  -moz-flex: 1 0 180px;
  -ms-flex: 1 0 180px;
  flex: 1 0 180px;
}

.input-preview{
  position: absolute;
  top: 0;
  right: 0;
  max-width: 65%;
  padding: 13px 26px 13px 10px;
  color: #b2c0d1;
}
.input-preview .ion-ios-arrow-right{ color: #b2c0d1!important; }

.item-text-wrap .input-content{ overflow: visible; white-space: normal; }

.item-input-tip{ margin-top: -15px; font-size: 12px; border-top: 0 none!important; }

.item-enter .ion-ios-arrow-right{ position: absolute; right: 10px; top: 50%; margin-top: -12px; font-size: 24px; color: #82939e; }

.modal-backdrop-posa{ position: absolute!important; }

.bar-button-full{ padding: 0; border-top-width: 0; }
.bar-button-full .button{ margin-top: 0; margin-bottom: 0; font-size: 16px; }

.item-input-inset-fixed{ padding: 5px 10px; background-color: #e4e6ea; border-top: 1px solid #ccc; }
.item-input-inset-fixed .item-input-wrapper{ background-color: #fff; }
.item-input-inset-fixed .button { border-radius: 4px; padding-left: 15px; padding-right: 15px; min-height: 30px; line-height: 30px; }

.ib-tip .popup{
  margin-top: -60px;
  width: 120px;
  text-align: center;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
}
.ib-tip .popup-head{
  display: none;
}
.ib-tip-success .popup{
  padding-top: 70px;
  padding-bottom: 10px;
  background-image: url(../img/ib-tip-success.png);
  -webkit-background-size: 49.5px 35.5px;
  background-size: 49.5px 35.5px;
  background-repeat: no-repeat;
  background-position: center 30px;
}

/* Suggested by ionic developers to make modal full height on tablets*/
@media (min-width: 680px) {
  .modal-full-screen {
    top: 0px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}

.fade-in { opacity: 0; }
.fade-in.ng-enter,
.fade-in > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}
.fade-in.ng-enter-active,
.fade-in > .ng-enter-active { opacity: 1;}
.fade-in.ng-leave,
.fade-in > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}

/** 短类 */
.fl{ float: left; }
.fr{ float: right; }

.w100p{ width: 100%!important; }

.anchor{ color: #21b5ff!important; text-decoration: none; }
.anchor:active{ color: #f00!important; }
.anchor[disabled],
.anchor[disabled]:active{ color: #afafaf!important; }
.nostyle-anchor{ color: inherit; text-decoration: none; }

.margin-top{ margin-top: 10px!important; }
.margin-top20{ margin-top: 20px !important; }
.margin-bottom{ margin-bottom: 10px!important; }
.margin-bottom20{ margin-bottom: 20px !important; }
.margin-left15{ margin-left: 15px !important; }

.padding-top{ padding-top: 10px!important;}
.padding-top20{ padding-top: 20px!important;}
.padding-bottom{ padding-bottom: 10px!important;}
.padding-bottom20{ padding-bottom: 20px!important;}
.padding-bottom0{padding-bottom: 0px!important;}
.item-padding { padding: 16px!important;}

.padding-horizontal5{ padding-left: 5px!important; padding-right: 5px!important; }
.padding-vertical5{ padding-top: 5px!important; padding-bottom: 5px!important; }

.padding-horizontal15{ padding-left: 15px!important; padding-right: 15px!important; }
.padding-vertical15{ padding-top: 15px!important; padding-bottom: 15px!important; }

.coyness{ color: #82939e!important; }
.coyness-bg{ background-color: #82939e!important; }
.lightyellow-bg{ background-color: #f8f8f9!important; }
.insipid{ color: #b2c0d1!important;  }
.primary{ color: #3497db!important; }
.common,
.common-black{ color: #383C41!important;}
.somber { color: #58585c!important;}

.button-edit{ background-color: #62bef8; width: 80px; }
.button-edit:active{ background-color: #31aaf7; }
.button-delete{ background-color: #f86266; width: 80px; }
.button-delete:active{ background-color: #f74c31;}

.fs09 { font-size: 9px!important; }
.fs11{ font-size: 11px!important; }
.fss{ font-size: 12px!important; }
.fsm{ font-size: 14px!important; }
.fsl{ font-size: 16px!important; }
.fsu{ font-size: 18px!important; }
.fs20{ font-size: 20px!important; }
.fs24{ font-size: 24px!important; }
.fs32{ font-size: 32px!important; }

.vam{ vertical-align: middle; }

.fwb{ font-weight: 700!important; }
.fwn{ font-weight: 400!important; }

.textl{ text-align: left!important; }
.textr{ text-align: right!important; }

.bdtn{ border-top: 0 none!important; }
.bdbn{ border-bottom: 0 none!important; }
.bdb-g1{ border-bottom: 1px solid #dfdfdf; } /*dadfe6*/
.bdb-h-dadfe6{ position: relative; }
.bdb-h-dadfe6:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  border-bottom: 1px solid #dadfe6;
  color: #dadfe6;
}

.nowrap { white-space: nowrap!important; }
.nowrap, .ellipsis{
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.circle{ border-radius: 50%; }

.gloomy-bg{ background-color: #EBEFF6;  }

.caret{ display: inline-block; border: 5px solid transparent; border-top-color: #58585C; border-bottom-width: 0; width: 0; height: 0; font-size: 0; }

.processbar{ width: 100%; height: 7px; background-color: #ebeff6; }
.processbar-fill{ height: 100%; }

.co-badge{ border-radius: 50%; width: 22px; height: 22px; text-align: center; background-color: #fb4a37; color: #fff; }
.item .co-badge{ position: absolute; top: 16px; right: 16px; }
.item.item-avatar .co-badge{ top: 20px; }

.avatar-border{ border: 1px solid #c0c9ce; }
.upload-container{ position: relative; }
.upload-container input[type="file"]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.selectable{ -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

/* icon */
.o-qrcode-positive,
.o-location-positive,
.o-camera-positive-solid{ display: inline-block; width: 20px; height: 20px; -webkit-background-size: 100%; background-size: 100%; }
.o-qrcode-positive{ background-image: url(../img/icons/qrcode_positive.png); }
.o-location-positive{ background-image: url(../img/icons/location_positive.png); }

.o-qrcode60{ display: inline-block; width: 30px; height: 30px; background: url(../img/icons60/qrcode.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; }

/*icon 评论与查看*/
.icon-comment,
.icon-review{
  background: url(../img/icons18.png) no-repeat;
  width: 16px;
  height: 11px;
  background-size: 32px 11px;
  -webkit-background-size:32px 11px;
  display: inline-block;
  vertical-align: -3px;
}
.icon-comment{ background-position: 0 0 ;}
.icon-review{ background-position: -16px 0 ;}

/* icon28 */
.o28-heart,
.o28-heart-positive,
.o28-heart-assertive-so,
.o28-chatbubble,
.o28-location-gray{
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-image: url(../img/icons/icon28.png);
  background-repeat: no-repeat;
  -webkit-background-size: 56px 42px;
  background-size: 56px 42px;
}

.o28-heart{ background-position: 0 0; }
.o28-heart-positive{ background-position: 0 -14px; }
.o28-heart-assertive-so{ background-position: 0 -28px; }
.o28-chatbubble{ background-position: -14px 0; }
.o28-location-gray{ background-position: -42px 0; }

/* icon40 */
.o40-minus-assertive-so{
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../img/icons/icon40.png);
  background-repeat: no-repeat;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.o40-minus-assertive-so{ background-position: 0 0; }

/** 组件 */
.label{
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 0 5px;
  font-size: 14px;
  text-decoration: none;
}

.label-small{
  padding: 0 4px;
  font-size: 12px;
  line-height: 16px;
}

.label-radius{
  border-radius: 10px;
  display: inline-block;
  padding: 2px 10px;
  background-color: #b2c0d1;
  font-size: 14px;
  color: #fff;
}

.media{}
.media-body{ overflow: hidden; }
.media .fl{ margin-right: 10px; }

/* Animation */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


/*.item-avatar.item-attach{ padding-top: 10px; padding-bottom: 10px; }*/
.item-avatar.attach-item > img:first-child, 
.item-avatar.attach-item .item-image, 
.item-avatar.attach-item .item-content > img:first-child,
.item-avatar.attach-item .item-content .item-image, .item-avatar-left > img:first-child{
  max-width: 44px;
  max-height: 44px;
}

@-webkit-keyframes searchHeaderBar {
  from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes searchHeaderBar{
  from{
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.search-header-bar{
  padding: 8px;
  background-color: #f8f8f8;
  -webkit-animation: searchHeaderBar .2s;
  animation: searchHeaderBar .2s;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.search-header-bar .item-input-wrapper{ background-color: #fff; border: 1px solid #dadfe6 }
.search-header-bar .button-block{ margin: 0; padding: 0 4px; min-height: 26px; line-height: 26px; color: #82939e; }

.search-header-title-bar { padding: 12px; color: #fff;  font-size: 17px;  text-align: center; }

.tabs.toolbar-tabs{}
.tabs.toolbar-tabs .tab-item{ opacity: 1; }
.tabs.toolbar-tabs .tab-item.tab-item-active,
.tabs.toolbar-tabs .tab-item.active,
.tabs.toolbar-tabs .tab-item.activated { opacity: .7; }

.bar.button-bar{ padding: 0; border-top-width: 0; }
.bar.button-bar .button{ margin-top: 0; margin-bottom: 0; padding-left: 5px; padding-right: 5px; font-size: 16px; }
.bar.button-bar .button:first-child,
.bar.button-bar .button:last-child{ border-radius: 0; }
/*.tab-item .button.button-clear{ font-size: 16px; }*/

.editor-content{ min-height: 200px; }
.editor-content img{ max-width: 100%; height: auto; }

.editor-content table{ width: 100%; max-width: 100%; }
.editor-content table th,
.editor-content table td{ padding: 5px; border: 1px solid #CCC; }

.editor-content p{ margin-bottom: 0; font-size: 16px; }
.editor-content li{ margin-left: 20px; }

.user-selector{}
.user-selector span{ border-radius: 4px; display: inline-block; margin: 5px 5px 0; padding: 4px 8px; background-color: #40b1ff; color: #fff; font-size: 12px; }
.user-selector span:active{ opacity: .5; }
.user-selector_disabled span{ background-color: #ddd; }

/*.item-user-select{ padding: 10px 16px; }*/
.item-user-select .ion-ios-plus{ position: absolute; right: 10px; margin-top: -5px; font-size: 30px; }
.item-user-select .ion-ios-plus:active{ opacity: .5; }
.item-user-select .user-selector{ margin-right: 20px; margin-left: 80px; margin-top: -8px; }
.item-user-select .icon-disabled { color: #ddd }

/* 新人员选择控件 */
.us-list .item-avatar{ min-height: 50px; }
.us-list .item-avatar .item-content .item-image{ max-width: 34px; max-height: 34px; }
.us-list .item-avatar .item-content{ padding-left: 60px!important; min-height: 50px; }
.us-list.list-avatar-group .item-avatar .item-image, 
.us-list.list-avatar-group .item-avatar .item-content .item-image{ top: 8px; }
.us-list .item-avatar .item-content h2{ margin-top: 6px; }
.us-list .item-checkbox + .item-checkbox:before{ left: 60px; }

.us-list .us-org-item.item-avatar h2{ margin-top: 0; margin-bottom: 0; }
.us-list .us-org-item.item-avatar .item-content .item-image{ top: 10px; }

.us-list .us-group-item .checkbox{ right: auto; }

.us-list .item-checkbox .item-content { padding-left: 60px!important; }

.us-list .item-avatar.item-checkbox .item-content{ padding-left: 105px!important; }
.us-list .item-avatar.item-checkbox .item-content .item-image{ left: 60px; }

.us-list .item-hero{ height: 50px; padding-top: 12px; }
.us-list .item-hero h2{ font-size: 20px; }

.us-list h5.item-divider{ margin: 0; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #dfdfdf; background-color: #fff; }
.us-list h5.item-divider + .item{ border-top: 0 none; }

.us-footer-bar{ display: block; border-top: 1px solid #a7aaaf; padding-top: 3px; background-color: #fff; }
.us-footer-button-bar{ position: absolute; right: 10px; top: 6px; height: 30px; width: 140px; text-align: right; }
.us-footer-button-bar .button{ padding-left: 15px; padding-right: 15px; line-height: 28px; height: 30px; min-height: 30px; }
.us-footer-button-bar .button:first-child{ margin-right: 5px; }

.us-scroll-wrap{ padding-right: 150px; }
.us-selected{ padding: 4px 5px; white-space: nowrap; }
.us-selected-item{ margin: 0 3px; display: inline-block; width: 30px; height: 30px; vertical-align: top; }
.us-selected-item:first-child{ margin-left: 0; }
.us-selected-item:last-child{ margin-right: 0; }
.us-selected-item img{ border-radius: 4px; }

.us-selected-letter{ border-radius: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #40b1ff; }
.us-selected-letter-d{ background-color: #91ce31; }
.us-selected-letter-p{ background-color: #4fdfd5; }

/* Debug */
.us-selected-item{ width: auto; }
.us-selected-letter{ width: auto; padding: 0 5px; }

.us-search-modal-backdrop{ height: auto; bottom: 44px; }

.us-org-list .item-enter .ion-ios-arrow-right{ right: 25px; }

.newmark{ display: inline-block; border-radius: 6px; width: 12px; height: 12px; background: #4a87ee; }

.detail-info{ border-bottom: 1px solid #dfdfdf; }
.detail-info p{ margin-bottom: 5px; color: #82939e; word-break: break-all; }

.row-sep{ margin: 5px 0; border-bottom: 1px solid #DDD; }

.img-slot{ position: relative; width: 60px; height: 60px; border: 1px dashed #dcdcdc; line-height: 60px; text-align: center; color: #82939e; }
.img-slot:active{ border-color: #3497DB; color: #3497DB }
.img-slot input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.img-slot .img-wrap{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 56px; background: #FFF; }
.img-slot .img-wrap img{ max-width: 100%; max-height: 100%; vertical-align: middle; }

.datebox{}
.datebox strong{ margin-right: 5px; vertical-align: middle; font-size: 60px; font-weight: 400; }
.datebox-body{ display: inline-block; vertical-align: middle; }
.datebox-body h4 { margin: 5px 0; font-size: 20px; }
.datebox-body p{ margin: 5px 0; font-size: 16px; }

.album{ margin: -5px -8px; }
.album img,
.album-plus{ border-radius: 8px;  margin: 5px 8px; width: 44px; height: 44px; vertical-align: middle; }
.album img{
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
.album-plus{ position: relative; display: inline-block; background-color: #edeef1; line-height: 44px; text-align: center; font-size: 36px; color: #82939e; }
.album-plus:active{ background-color: #3497db; color: #fff; }
.album-plus input[type="file"]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.cslist{ min-height: 44px; }
.cslist li{ position: relative; display: inline-block; padding: 5px 8px; width: 60px; vertical-align: top; text-align: center; font-size: 12px; }
.cslist li img,
.cslist-plus-icon{ border-radius: 8px; width: 44px; height: 44px; vertical-align: top; }
.cslist-plus-icon .ion-ios-plus-empty:before{ content: "";  width: 44px; height: 44px; }
/*.cslist-plus-icon .ion-ios-minus-empty:before{ content: "";  width: 44px; height: 44px; }*/
.cslist-desc{ margin-top: 8px; line-height: 20px; }
.cslist-plus-icon{ line-height: 44px; font-size: 36px; border: 1px dashed #82939e; color: #82939e; }
.cslist-plus:active .cslist-plus-icon{ border-color: #3497db; color: #3497db; }
.cslist-plus:active .coyness{ color: #3497db; }

.cslist .o40-minus-assertive-so{ position: absolute; top: -3px; right: 2px; }
.item .cslist{ margin-top: 15px; }


/* 头像 */
.avt{ display: inline-block; }
.avt img{ vertical-align: middle; }

.avt-radius{ border-radius: 4px; overflow: hidden; }
.avt-round{ border-radius: 50%; overflow: hidden; }
.avt-outline{
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.avt-border{ border: 1px solid #cdcdcb; }
.avt-border-2w{ border: 2px solid #fff; }


/** 页面样式  */
.login-avatar { margin: 80px auto 20px; }
.login-avatar img{
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .7);
  box-shadow: 0 0 2px rgba(0, 0, 0, .7);
}

.modal-backdrop.lock{ background-color: #000; }

/* 附件列表 */
/*
.attach-list .item-avatar > img:first-child,
.attach-list .item-avatar .item-image{ top: 10px; left: 10px; }
.attach-list .item{ padding: 10px; }
.attach-list .item-avatar{ padding-left: 66px; }*/

/* 评论列表 */
.comment{}
.comment .list{ margin-bottom: 0; }
.comment .item:last-child{ border-bottom: 0 none; }
.comment-textarea{ border-radius: 4px; padding: 10px; height: 80px; border: 1px solid #DADFE6; }
.comment-footer{ margin-top: 10px; overflow: hidden; }
.comment-footer .button{ width: 80px; font-size: 14px; }


@-webkit-keyframes backdrop {
  from { background-color: rgba(0, 0, 0, 0); }
  to { background-color: rgba(0, 0, 0, .5); }
}
@keyframes backdrop{
  from { background-color: rgba(0, 0, 0, 0); }
  to { background-color: rgba(0, 0, 0, .5); }
}
/* 标题下拉选择器 */
.bar-selector{
  position: absolute;
  z-index: 11;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  -webkit-animation: backdrop linear .2s;
  -o-animation: backdrop linear .2s;
  animation: backdrop linear .2s;
}
.bar-selector.has-header{ top: 44px; }
.bar-selector.has-subheader{ top: 88px; }
.bar-selector .list-avatar-group .item{ padding-left: 44px; min-height: 44px; line-height: 22px; }
.bar-selector .list-avatar-group .item-image{ left: 10px; width: 22px; height: 22px; }
.bar-selector  .list-avatar-group .item-avatar + .item-avatar:before{ left: 44px }

.bar-selector.ng-hide-remove { -webkit-transition: all linear 0.2s; transition: all linear 0.2s; }
.bar-selector.ng-hide-add,
.bar-selector.ng-hide-remove.ng-hide-remove-active { opacity: 1; }
.bar-selector.ng-hide-add.ng-hide-add-active,
.bar-selector.ng-hide-remove { opacity: 0; }

.bar-selector.ng-hide-remove .list{
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -webkit-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.bar-selector.ng-hide-add .list,
.bar-selector.ng-hide-remove.ng-hide-remove-active .list{
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.bar-selector.ng-hide-add.ng-hide-add-active .list,
.bar-selector.ng-hide-remove .list {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.bar-selector-check{
  position: absolute;
  top: 15px;
  right: 10px;
  display: inline-block;
  width: 18px;
  height: 13px;
  background: url(../img/bar-selector-check.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.list-empty-tip{ margin: 10px 0; padding: 10px; text-align: center; font-size: 16px; }

/* 图片预览 */
.img-preview-slide{ background-color: #000;  position: absolute; width: 100%; height: 100%; }
.img-preview-slide img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%; top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.img-preview-close{ position: absolute; top: 0; left: 0; z-index: 10; width: 44px; height: 44px; line-height: 44px; text-align: center; }
.img-preview-close i{ color: #FFF; font-size: 40px; }

/* 登陆页 */
.login-panel{ 
  background: #fff url(../img/login.jpg) no-repeat center; 
  -webkit-background-size: cover;
  background-size: cover;
}
/*.login-panel img{ width: 70%; margin: 0 15%; }*/
.login-panel form{ margin-top: 20%; }

/* 门户 */
.o-portal-settings{
  display: inline-block;
  background: url(../img/portal/icon20_portal_settings.png) no-repeat;
  width: 20px;
  height: 20px;
  -webkit-background-size: 40px 20px;
  background-size: 40px 20px;
}
.trans-header .o-portal-settings{ background-position: -20px 0; }
.o-partal-mod-empty{ display: inline-block; margin-right: 5px; width: 30px; height: 21px; background: url(../img/portal_mod_empty_icon.png) no-repeat; -webkit-background-size: 30px 21px; background-size: 30px 21px; vertical-align: -4px; }

.trans-header{ -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; background: transparent!important; }
.trans-header .title{ color: #fff; }

.portal-pane{}
.portal-pane:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: #79D1FF url(../img/portal/portal_banner.png) no-repeat right top;
  -webkit-background-size: auto 100px;
  background-size: auto 100px;
}
.portal-pane .scroll-content{ z-index: 2; }
.portal-pane .scroll{ background: -webkit-linear-gradient(top, transparent 44px, #ebeff6 44px, #ebeff6 100%); }


.portal-user-bar { height: 35px; }
.portal-user-bar div { position: absolute; top: 15px; right: 0; left: 0; text-align: center; }
.portal-user-bar p{ color: #82939e; }
.portal-user-bar img{
  border-radius: 22px;
  width: 44px;
  height: 44px;
/*  border: 2px solid #fff;
  -webkit-box-shadow: 0 -1px 2px #DDD;
  box-shadow: 0 -1px 2px #DDD;*/
}

.portal-quickbar{
  margin-bottom: 20px;
  padding-top: 60px;
  padding-bottom: 5px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  text-align: center;
  font-size: 12px;
}
.portal-quickbar .row{ padding: 10px 15px; }
.portal-quickbar .row .col p{ margin-bottom: 0; font-size: 14px; color: #82939e; }
.portal-quickbar img{ width: 50px; height: 50px; }

.portal-block:empty{ display: none; }
.portal-block .item-divider{ padding-top: 8px; padding-bottom: 8px; background-color: #FFF; font-size: 16px; color: #383c41; }
.portal-block .item-divider img{ margin-right: 5px; width: 25px; height: 25px; vertical-align: -7px; }
.portal-block .item-divider .item-note i{ margin-right: 3px; vertical-align: -1px; font-size: 20px; }

.portal-block .tabs{
  -webkit-box-shadow: 0 none;
  box-shadow: 0 none;
  position: relative;
  padding-top: 0;
  height: 40px;
  border-top: 0 none;
  /*border-bottom: 1px solid #dadfe6;*/
  background: #fff;
}
.portal-block .tabs:after{
  height: 2px;
  border-bottom: 1px solid #dadfe6;
  color: #dadfe6;
}

.portal-block .tabs .tab-item{ position: relative; overflow: visible; max-width: none; line-height: 40px; color: #82939e; opacity: 1; }
.portal-block .tabs .tab-item.active{ color: #383c41; }
.portal-block .tabs .tab-item.active:after{
  height: 4px;
  border-bottom: 2px solid #21b5ff;
  color: #21b5ff;
}

.portal-block .tabs:after,
.portal-block .tabs .tab-item.active:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.portal-block-body{ border-bottom: 1px solid #dfdfdf; }
.portal-block-placeholder{ line-height: 80px; text-align: center; color: #82939e; }

.portal-block .list .item,
.portal-block .list .item-content{ padding-bottom: 10px; padding-top: 10px; padding-right: 10px; }
.portal-block .list .item-complex{ padding: 0; }
.portal-block .tabs+.portal-block-body .list .item:first-child{ border-top: 0 none; }

.portal-diary .item-avatar .item-content .item-image{ border-radius: 0; background-color: #B3E0FF; text-align: center; }
.portal-diary .item-image h5,
.portal-diary .item-image p{ text-align: center; color: #fff; }
.portal-diary .item-image h5{ font-size: 13px; }
.portal-diary .item-image p{ margin-top: 2px; font-size: 10px; }

.portal-calendar .list .item-content{ padding-left: 35px; }
.portal-calendar .calendar-type{ left: 10px; }

.portal-footer{ padding: 30px 0;  text-align: center; }
.portal-footer h5{ margin: 10px 0; font-size: 12px; }
.portal-footer p{ margin-bottom: 0; font-size: 9px; color: #b2c0d1 }
.portal-footer .footer-logo {
  display:block;
  background: url(../img/footer_logo.png) no-repeat;
  margin: 0px auto 15px;;
  width: 144px; height: 26px;
  background-size: 100% ;
  -webkit-background-size: 100%;
}

/*空值*/
.portal-empty { height: 130px; padding-top: 30px; }
.portal-empty p{ color: #b2c0d1; }
.portal-empty-icon {
  display: block;
  background: url("../img/portal-empty-icon.png") no-repeat;
  width: 44px;
  height: 44px;
  background-size: 100%;
  -webkit-background-size: 100%;
  margin:0 auto 15px;
}


/* 日程模块 */
.calendar-list{}
.calendar-list .item{
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  border-left: 5px solid ;
}
.calendar-list .item.item-divider{ border-left: 0 none; }

.calendar-list .calendar-finish { opacity: .5; }
.calendar-list .calendar-finish h2{ text-decoration: line-through; }

.calendar-colorpicker-toggle{ border-radius: 4px; width: 120px; height: 30px; }

.calendar-type{ width: 10px; height: 10px; position: absolute; top: 25px; left: 15px; border-radius: 5px; }


/* 文件柜 */
.cabinet-list .item-avatar-left,
.cabinet-list .item-avatar-left .item-content{
  padding-left: 70px;
  min-height: 0;
}
.cabinet-list .item-avatar-left.item-complex,
.cabinet-list .item-avatar.item-complex{
  padding-left: 0;
}

/* 工作日志 */
.diary-icon-favor{
  background:url(../img/diary/icon-favor.png) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100%;
  -webkit-background-size: 100%;
}
.icon-annex{
  display: inline-block;
  background: url(../img/diary/icon-annex.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 10px;
  height: 12px;
}

.icon-schedule{
  background: url(../img/diary/icon-schedule.png) no-repeat;
  width: 14px;
  height: 16px;
  background-size: 100%;
  -webkit-background-size: 100%;
  display: inline-block;
  vertical-align: -3px;
}

.icon-calendar{
  background: url(../img/diary/icon-calendar.png) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100%;
  -webkit-background-size: 100%;
  display: inline-block;
  vertical-align: -3px;
}
.icon-setting{
  background: url(../img/diary/icon40-setting.png) no-repeat ;
  width: 20px;
  height: 21px;
  background-size: 100%;
  -webkit-background-size: 100%;
  display: inline-block;
  vertical-align: -3px;
}
.icon-comment-gray{
  background: url(../img/news/icon-comment-gray.png )no-repeat ;
  width: 25px;
  height: 25px;
  background-size: 50px 25px;
  -webkit-background-size: 50px 25px;
  display: inline-block;
}

/*.diary-list-pane{}
.diary-list-pane{}
*/
.subheader-nav-pane{}
.subheader-nav-pane .bar-subheader{ padding: 10px 15px; height: 50px; background-color: #fff; }
.subheader-nav-pane .has-subheader{ top: 94px; }

.subheader-nav{ text-align: center; }
.subheader-nav { border: 1px solid #b2c0d1; border-radius: 5px; }
.subheader-nav .active { background-color: #b2c0d1; color: #fff; }
.subheader-nav.row { padding: 0; }
.subheader-nav.row .col{ padding-top: 4px; padding-bottom: 4px; }

.subheader-nav span:first-child{ border-right: 1px solid #b2c0d1}
.subheader-nav span:last-child{ border-left: 1px solid #b2c0d1}

.diary-date-item{ margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; background-color: #fff; position: relative; color: #58585c; }
.diary-plan-item .item-note{ position: absolute; top: 0; right: 10px; height: 100%; line-height: 50px; }

.diary-plan-item .item-note select,
.diary-plan-item .item-note .predict-box,
.diary-plan-item .ion-ios-close-empty,
.diary-plan-item .ion-ios-alarm-outline{
  display: inline-block;
  border-radius: 13px;
  height: 26px;
  border: 1px solid #dbe0e6;
  background-color: #fff;
  vertical-align: middle;
  line-height: 24px;
  text-align: center;
  font-size: 8px;
  color: #40b1ff;
}


.diary-plan-item .item-note .predict-box{ width:65px; }
.diary-plan-item .item-note select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 26px;
}

.diary-plan-item .ion-ios-close-empty,
.diary-plan-item .ion-ios-alarm-outline{
  width: 26px;
  font-size: 24px;
  color: #b2c0d1;
}

.diary-plan-item .ion-ios-alarm-outline{ font-size: 18px; }
.diary-plan-item.item { padding: 12px 16px; }

.diary-plan-item .diary-plan-index{ float: left; margin-top: 5px; margin-right: 5px; }
.diary-plan-item .diary-plan-content{ white-space: normal; line-height: 30px; padding-right: 30px; } /* margin: 0 100px 0 20px; */
.diary-plan-item .diary-plan-content input{ width: 70%; height: 30px; padding-left: 5px; }
.diary-plan-item-full .diary-plan-content{ margin-right: 40px; }
.diary-plus-plan { border-right: 1px solid #ddd; }

.diary-list .item-divider { padding-top: 2px; padding-bottom: 2px; }
.diary-list .item-complex .item-content{ padding-top: 8px; padding-bottom: 6px; padding-right: 16px;  }
.diary-list .item h2{ margin-bottom: 0; }
.diary-list .item p{ margin-top: 2px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 60px; font-size: 16px; color: #383C41; }
.diary-list .item .stamp-img{ position:absolute; top:10px; right: 10px; width: 75px; opacity: .8; }

.diary-list .item .item-avatar { padding: 5px 0 0 42px; min-height: 44px; border:none; background-color: transparent; display: inline-block; }
.diary-list .item .item-avatar>img:first-child{ border-radius: 50%; top: 5px; left: 0; max-width: 30px; max-height: 30px; }
.diary-list .item .item-avatar h3{ margin-bottom: 0; }
.diary-list .item .item-avatar .diary-icon-favor{ position: absolute; top: 22px; left: 18px; }


.diary-ct-area{ height: 120px; width: 100%; }
.diary-plan-time{ float: right; }
.diary-plan-time input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-top: 2px!important; padding-bottom: 2px!important; width: 120px; height: 20px; }
.diary-plan-item .item-input-wrapper,
.diary-plan-time .item-input-wrapper input{ background-color: transparent; }
.diary-detail .diary-plan-item { border:0 none;}
.diary-planned-item .item{ border-top: 0 none; }

.diary-detail-stamp{ position: absolute; top: 5px; right: 10px; z-index: 5; width: 75px; }
.diary-detail-content{ min-height: 120px; color: #58585c; }
.diary-detail-content img{ width: 100% }
.diary-detail-header { padding-top: 8px; padding-bottom: 8px; min-height: 60px; background-color: #fff; }
.diary-detail-header h2{ color: #82939e }
.diary-detail-header p{ color: #b2c0d1 }
.diary-detail-header>img:first-child{ top: 7px; }
.diary-detail-title{ margin-top: 0; padding-top: 10px; padding-bottom: 10px; border-top: 0 none; border-bottom: 0 none; font-size: 12px; }
.diary-detail-comment .list .item:first-child{ border-top: 0 none; }

.diary-entry-block{ height: 240px; padding-top: 50px; text-align: center; background-color: #fff; }
.diary-entry-btn{ display: inline-block; }

.diary-create{ border-radius: 50%; margin-bottom: 8px; width: 100px; height: 100px; background-color: #f8f8f9; }
.diary-create i{ margin-top: 25px; margin-left: 10px; }
.diary-icon-ctnr{ border-radius: 50%;  margin: 10px 12px 8px;  width: 80px; height: 80px; background-color: #f8f8f9; }
.diary-icon-ctnr i{ margin-top: 15px }

.date-note{ width: 15px; height: 15px; border-radius: 50%; background-color: #8ed1ff; color: #ffffff; font-size: 8px; margin-top: 3px; vertical-align: -3px; line-height: 15px; }

.diary-item-select-user{ padding: 10px 6px; }

.diary-setting-label{ line-height: 40px;}
.diary-setting-label label{ margin-top: 1px; }
.diary-setting-label.item{ padding: 5px 16px; }
.diary-sharing.item-complex .item-content{ padding:16px; }

.diary-comment-textarea textarea { min-height: 200px; width: 100%; padding: 10px;}
.diary-comment-textarea img{ vertical-align: 5px; margin-left: 10px; }
.diary-comment-textarea .diary-comment-counting { padding: 10px; text-align: right; }
.diary-comment-stamps ul:first-child{ border-top: 1px solid #dadfe6; }
.diary-comment-stamps li { text-align: center; padding: 5px 0; }
.diary-comment-stamp-box{ width: 22px; height: 30px; background-color: #b2c0d1; position: relative ; display: inline-block; }
/*.diary-comment-stamp-box.active{ background-color: #8ed1ff; }*/
.diary-comment-stamp-box:before{ content: ''; width: 0; height: 0;  border-left: 11px solid  transparent;  border-right: 11px solid  transparent; border-bottom: 7px solid #ffffff; position: absolute; bottom: 0px; left: -1px; }
 .icon18-favor{
  background:url(../img/diary/icon18-favor.png) no-repeat;
  width: 14px;
  height: 14px;
  background-size: 100%;
  -webkit-background-size: 100%;
   position: absolute;
  top: 6px;
  left: 3px;
}

.diary-detail .item-avatar>img:first-child{ border-radius: 50%; }

.diary-detail-readers{ padding: 4px 8px 8px; }
.diary-detail-readers li{ display: inline-block; padding: 8px; }
.diary-detail-readers li img{ border-radius: 50%; width: 30px; height: 30px; }

/*主页图标*/
.diary-icon-create,
.diary-icon-create.active,
.diary-icon-self,
.diary-icon-comment,
.diary-icon-discussion{
  background: url(../img/diary/home-icons50.png) no-repeat;
  -webkit-background-size: 200px 100px;
  background-size: 200px 100px;
  display: inline-block;
  width: 50px;
  height: 50px;
}

.diary-create:active{ background-color: #b2c0d1; }
.diary-self:active{ background-color: #8ed1ff; }
.diary-comment:active{ background-color: #ffbc5d; }
.diary-discussion:active{ background-color: #85858f; }

.diary-create:active .diary-icon-create{ background-position: 0 -50px; }
.diary-icon-self{ background-position: -50px 0; }
.diary-self:active .diary-icon-self{ background-position:-50px -50px; }
.diary-icon-comment{ background-position: -100px 0; }
.diary-comment:active .diary-icon-comment{ background-position: -100px -50px; }
.diary-icon-discussion{ background-position: -150px 0; }
.diary-discussion:active .diary-icon-discussion{ background-position: -150px -50px; }

/* 新闻 */
.news-list .item-folder { padding: 5px 15px; }
.news-list .item{ padding-top: 8px; padding-bottom: 4px; }

.news-list .item h2 { display: inline-block; vertical-align: middle; }
.news-list .item p{ margin-bottom: 0; font-size: 14px; }
.news-circle{ display:inline-block; width: 10px; height: 10px; background-color: #21b5ff; border-radius: 50%; vertical-align: 2px; margin-right: 5px; }

.news-list .item-folder.item-complex .item-content, 
.news-list .item-folder.item-radio .item-content { padding: 3px 15px 3px 16px; }
.news-list .item-folder span{ vertical-align: 8px; margin-left:10px; }
.news-list .item-folder .ion-ios-arrow-forward{ font-size: 24px; margin-top: 8px; }

.news-item-top{ background-color: #eff6ff; }

.news-info{ border-bottom: 1px solid #dfdfdf; }
.news-info p{ margin-bottom: 5px; color: #82939e; }

.news-detail{ margin: 5px 0; }

.news-route { text-decoration: none; color: #82939e; font-size: 13px; }
.news-route:after{ content: "> " ; margin-left: 5px; font-size: 16px; }
.news-route:last-child{ color: #4b4f54; }
.news-route:last-child:after{ display: none; }

.news-approval .item-divider{ padding: 5px 15px; background-color: #ebeff6; border:0 none; }
.news-approval .item-avatar{ border:0 none; overflow: visible;padding-bottom: 20px; padding-top: 20px;}
.news-approval .item-avatar span:before{
  content: '····';
  position: absolute;
  top: -42px;
  left: 15px;
  font-size: 24px;
  width: 6px;
  white-space: normal;
  line-height: 9px;
}
.news-approval .news-reject-content {padding: 15px;border-radius: 8px;margin-top: 10px;margin-right: 15px;background-color: #f8f8f9;position: relative;color: #383C41;}
.news-approval .news-reject-content:before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f8f8f9;
  z-index: 2;
  overflow: visible;
  position: absolute;
  top: -8px;
}
.news-approval .item-avatar:nth-child(2) span:before{ display: none; }
.news-approval .item-avatar span i{font-size: 18px;color: #ffffff;}
.news-approval .item-avatar>span:first-child{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  text-align: center;
  line-height: 35px;
  color: #DADFE6;
  border: 1px solid #DADFE6;
}
.news-approval .item-avatar>span.unapproval { background-color: #FFFFFF; }
.news-approval .item-avatar>span.pass { background-color: #21B5FF; }
.news-approval .item-avatar>span.not-pass {background-color: #FF6A6E;border: 0 none;color: #FF6A6E;}

.news-approval-notpass{
  position: absolute;
  right: 20px;
  top: 0;
  width: 75px;
  height: 75px;
  background: url(../img/news/approval-notpass.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.news-folder-list { position: relative; }
.news-folder-list .item-content{  overflow: visible; }
.news-folder-list .item { padding: 8px; }
.news-folder-list .item-checkbox { padding-left: 60px; }
.news-folder-list .item span {  vertical-align: 10px; margin-left: 5px; }
.news-folder-list .item .item-note {  margin-top: 10px; margin-right: 10px; }
.news-folder-list .item-checkbox .checkbox { top:0; margin-top: 5px; }
.news-folder-list.children-list .item-checkbox  { overflow: visible; }
.news-folder-list.children-list .item-checkbox {padding-left: 100px;border-right: 0 none;border-left: 0 none;/* color: red; *//* color: red; */}
.news-folder-list .news-folder-list-childern .item-content { padding-left: 40px; }
.news-folder-list .item-note {position: absolute;top: 16px;right: 10px;z-index: 5;width: 30px;height: 30px;text-align: center;margin-top: 3px;}
.news-comment-detail .icon-comment-gray { margin-top: 4px; }
.news-comment .item-divider  { padding: 5px 10px; }
.news-comment .item-divider span { vertical-align: -3px;}
.news-comment .item-avatar>img:first-child{border-radius: 50%;}
.breadcrumbs { padding: 10px; white-space:nowrap; }
.breadcrumbs-fixed { position: fixed; top: 0; width: 100%; }
/*.scroll-content { position: absolute; top:44px; width: 100%; }*/

.news-reader .item-divider { padding:5px 10px; }
.news-reader .item-divider.title { padding: 10px  ; background-color: #ebeff6; }
.news-reader .news-reader-group { text-align: center }
.news-reader img{ width: 35px; height: 35px; border-radius: 50%; }
.news-reader span{display:inline-block;width: 35px;height: 35px;border-radius: 50%;background-color: #ebeff6;color: #b2c0d1;line-height: 30px;font-size: 34px;margin-bottom: 5px;}
.news-reader .row .col { width: 16.66%; }
.news-reader .row .col div { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}

.bar .button.close-button { font-size: 34px; margin-top: -8px; }
.bar .button.news-more { font-size: 34px;  width: 9px;  line-height: 7px; margin-right: 10px; margin-top: -3px; }

.icon-issuance,
.icon-unread,
.icon-unapproval,
.icon-sorting{
  background: url(../img/news/news-icons.png) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 100px 50px;
  -webkit-background-size: 100px 50px;
}
.icon-check{
  background: url(../img/news/icon-check.png) no-repeat;
  width: 25px;
  height: 25px;
  background-size: 100%;
  -webkit-background-size: 100%;
  display: inline-block;
  margin-top: 3px;
}
.icon-allread{
  background:url(../img/news/icon-allread.png) no-repeat;
  width: 25px;
  height: 25px;
  background-size: 100%;
  -webkit-background-size: 100%;
}
.icon-folder{
  display: inline-block;
  background: url("../img/news/icon-folder.png") no-repeat;
  width: 35px;
  height: 35px;
  background-size: 100%;
  -webkit-background-size: 100%;
}

.news-icon-empty{
  display: inline-block;
  margin-top: 20%;
  margin-bottom: 20px;
  width: 117px;
  height: 161px;
  background: url("../img/news/empty.png") no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
}
.icon-issuance { background-position: 0 0}
.icon-unread { background-position: -25px 0 ;}
.icon-unapproval{ background-position:-50px 0;}
.icon-sorting{ background-position:-75px 0;}

ion-footer-bar.news-footer-bar { font-size: 11px; text-align: center; }
ion-footer-bar.news-footer-bar .col{ padding: 0; }
ion-footer-bar.news-footer-bar .col i{ margin-top: -3px; }
ion-footer-bar.news-footer-bar .col div{ margin-top: -10px; }

.news-footer-bar .active{ color: #21b5ff; }
.news-footer-bar .active .icon-issuance{ background-position: 0 -25px;}
.news-footer-bar .active .icon-unread{ background-position: -25px -25px ;}
.news-footer-bar .active .icon-unapproval{ background-position:-50px -25px;}
.news-footer-bar .active .icon-sorting{ background-position: -75px -25px;}

/* 通讯录 */
.contact-icon-group {
  background: url('../img/contact/contact-icon-group.png') no-repeat;
  width: 23px;
  height: 23px;
  display: inline-block;
  background-size: 23px 23px;
  -webkit-background-size: 23px 23px;
  vertical-align: -4px;
}
.icon-men, .icon-women {
  background: url('../img/contact/icon-sex.png') no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: 24px 12px;
  -webkit-background-size: 24px 12px;
  vertical-align: -1px;
}
.icon-women { background-position: -12px 0;}
.icon-section {
  background: url('../img/contact/icon-section.png') no-repeat;
  width: 35px;
  height: 35px;
  display: inline-block;
  background-size: 35px 35px;
  -webkit-background-size: 35px 35px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.dept-img {
  background: url('../img/contact/contact-dept-img.png') no-repeat;
  width: 38px;
  height: 65px;
  display: inline-block;
  background-size: 38px 65px;
  -webkit-background-size: 38px 65px;
  background-position: 0 13px;
}

.contact-empty{
  background: url('../img/contact/contact-empty.png') no-repeat;
  width: 89px;
  height: 117px;
  display: inline-block;
  margin-left: -20px;
  background-size: 89px 117px;
  -webkit-background-size: 89px 117px;
}

.contact-list .item-avatar .item-content > img:first-child{ top: 10px; }
.contact-list .item-avatar .item-content { min-height: 62px; line-height: 30px; }
.contact-list .item-avatar{ min-height: 62px; padding-left: 67px; }
.contact-list .ion-ios-arrow-right { position: absolute; top:22px; right: 15px; font-size: 22px; }
.contact-list .contact-label{ display: inline-block; width: 30px; height: 15px; border-radius: 3px; background-color: #44b3ff; color: #fff; font-size: 9px;vertical-align: 3px; line-height: 15px; text-align: center; }
.contact-list h2{ display: inline-block; vertical-align: middle; }
.contact-list .list{ margin-bottom: 0;}
.contact-list .list-avatar-group .item-avatar > img:first-child{ max-width: 35px; max-height: 35px; top: 15px; left: 15px }
.contact-list .list-avatar-group .item-avatar + .item-avatar:before{ left: 0; }

.contact-route {
  font-size: 14px;
  z-index: 999;
  -webkit-transition: top .15s;
  -o-transition: top .15s;
  transition: top .15s;
}
.contact-route.has-header{ top: 44px; }
.contact-route.has-subheader{ top: 88px; }
.contact-route a{ text-decoration: none; color: #44b3ff; }
.contact-route a:after{ content: "> "; margin-left: 5px; font-size: 16px; color:#82939e; }
.contact-route span { color: #82939e }

.contact-info{ -webkit-background-size: cover; background-size: cover; }
.contact-info .item-image{ border-radius: 40px; border: 4px solid #fff; z-index: 2; }
.contact-info .item-image img{ border-radius: 36px; width: 62px; height: 62px;  background-color:#fff;  }
.contact-info h2 { display: inline-block; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); margin-top: 20px; font-size: 19px;  }
.contact-info p{ color: #383c41; font-size: 15px; }
.contact-info.item-thumbnail-left { min-height: 115px; padding-left: 100px; }
.contact-info.item-thumbnail-left .item-image { top: 20px;  left: 16px; max-width: 70px; max-height: 70px;}
.contact-info-list.list-indent .item:not(.item-divider) { margin-left: 15px; color: #383C41; }
.contact-info-list span.input-label{ color: #82939e; }
.contact-group-info h2 { margin-top: 35px; }
.contact-group-info .contact-info-list .item-input { white-space:normal; }
.contact-group-info .contact-info-list span.input-label { width: 90px; color: #82939e; }
.contact-group-info .dept-img-ctnr { display: inline-block; width: 66px; height: 66px; border-radius:36px; background-color:#fae1bd; overflow: hidden; margin: -2px 0 0 -2px; }
.contact-has-subheader { position: absolute; top:83px; width: 100%; }
.index-empty-tip { margin: 90px auto; padding: 10px; text-align: center; font-size: 16px; }
.index-empty-tip p{ margin-left: 5px; }

.contact-has-subheader { top: 83px!important;}
.auxiliary{ margin-right: 15px; white-space: normal; width: 70%; }
.auxiliary span { margin-right: 10px; }
.has-searchbar { top: 127px; }
.top44 { top:44px!important; }

/* 字母索引栏 */
.letter-bar{ position: absolute; top: 0; bottom: 0; padding: 2% 0; right: 2px; z-index: 10; width: 20px; }
.letter-bar.has-header{ top: 44px ; }
.letter-bar.has-subheader{ top: 88px ; }
.letter-bar.has-footer{ bottom: 44px; }
/*.letter-bar.active{ background-color: rgba(0, 0, 0, .1); }*/
.letter-bar a{ display: block; color: #82939e; text-align: center; height: 3.7%; font-size: 12px; }
.letter-text { width: 30px; height: 30px; font-size: 24px; line-height: 30px; font-weight: 400; }

/* 邮件模块 */
.email-form .input-label{ width: 20%; }

.email-source-table{ width: 100%; }
.email-source-table td{ padding: 2px; background-color: #f8f8f8; border: 1px solid #fff; }


/* 任务指派 asm */
.asm-list .item-complex .item-content{ padding-right: 16px; }
.asm-label{ border-radius: 4px; width: 50px; border-width: 1px; border-style: solid; text-align: center; font-size: 12px; }
input.asm-form-subject{ font-size: 18px; }

.asm-corner-mark{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  right: -20px;
  width: 80px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
}

.asm-subject-charcount{ position: absolute; top: 5px; right: 10px; font-size: 12px; }
.asm-subject-charcount .charcount{ color: #ee8c0c; font: italic 400 16px Georgia; }
.asm-subject-charcount .charcount.ng-invalid-charcount{ color: #e26f50; }

.asm-description{ position: relative; }
.asm-description .charcount{ position: absolute; top: -20px; right: 10px; font-family: Georgia; color: #b2c0d1; }
.asm-description .charcount.ng-invalid-charcount{ color: #e26f50; }

.asm-detail-tt{ padding-right: 40px; }
.asm-p-count{ font-size: 20px; }
.asm-dt-bar{ margin: 10px 0 20px; }
.asm-dt-avt{ border-radius: 50%; vertical-align: middle; }
.asm-stamp{ position: absolute; right: 40px; opacity: .2; }

/* 主线 */
.thread-slider{ padding-top: 44px; height: 200px; color: #fff; background-color: #3497db; }
.thread-slider .slider-pager-page{ color: #fff; }
.thread-slider .slider-slide[data-index="0"]{ padding: 10px 30px; text-align: center; }
.thread-slider .slider-slide[data-index="0"] h3{ font-size: 20px; font-weight: 700; color: #fff; }
.thread-slider .slider-slide[data-index="1"]{ padding: 10px 20px; font-size: 16px; line-height: 24px; height: 108px; overflow: hidden; }

.thread-member-list{ margin: 5px auto; width: 252px; }
.thread-member-list span{ position: relative; display: inline-block; margin: 0 5px;  }
.thread-member-list span em{
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  background-color: #3497db;
  border: 2px solid #fff;
}
.thread-member-list img,
.thread-member-leave{ border-radius: 15px; width: 30px; height: 30px; vertical-align: middle; }
.thread-member-leave{ background-color: #b2c0d1; line-height: 30px; }

.thread-tabs{ position: static; }
.thread-tabs .tab-item.tab-item-active{ color: #40b1ff; }
.thread-time-ctnr { width: 85%; }
.thread-time-ctnr p{ display: inline-block; }
.thread-time-ctnr p:last-child{ float: right; }

.progress-bar .progress-ctnr { width: 85%; display: inline-block; position: relative; }
.progress-bar .progress-bg { width: 100%; height: 10px; background-color: #eeeeee; border-radius: 5px; display: inline-block;}
.progress-bar .progress-active { height: 10px; background-color: #2dc4ff; border-radius: 5px; display: inline-block; position: absolute}
.progress-bar span { margin-left: 8px;}

.vote-checkbox:nth-child(7n+0) .progress{ background-color: #82939E; }
.vote-checkbox:nth-child(7n+1) .progress{ background-color: #49A2DF; }
.vote-checkbox:nth-child(7n+2) .progress{ background-color: #9CD346; }
.vote-checkbox:nth-child(7n+3) .progress{ background-color: #F4C73B; }
.vote-checkbox:nth-child(7n+4) .progress{ background-color: #F09825; }
.vote-checkbox:nth-child(7n+5) .progress{ background-color: #E57E62; }
.vote-checkbox:nth-child(7n+6) .progress{ background-color: #AD85CC; }
.vote-checkbox:nth-child(7n+7) .progress{ background-color: #98B2D1; }

/*文件柜*/
.portal-netdisk img { margin: 5px 6px; }
.portal-netdisk .list-avatar-group .item-avatar + .item-avatar:before{ left: 15px; }

/*调查投票*/
.icon-vote, .icon-originate {
  background: url('../img/vote/vote-icons.png') no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 80px 40px;
  -webkit-background-size: 80px 40px;
}
.icon-vote {}
.active .icon-vote { background-position: 0 -20px;}
.icon-originate { background-position: -20px 0;}
.active .icon-originate{ background-position: -20px -20px;}

.vote-header.row{ padding: 0;  border:1px solid #21b5ff; border-radius: 5px; text-align: center; color: #21b5ff; width: 94%; margin: 0 auto; }
.vote-header.row .col:first-child{ border-right: 1px solid #21b5ff; }
.vote-header.row .col.active{ color: #ffffff; background-color: #21b5ff; }

.vote-item .item-note { color: #82939e; font-size: 12px; position: absolute; bottom: 15px; right: 15px; }
.vote-item .vote-status-ctnr { display: inline-block; width: 43px; height: 20px; border-radius: 3px; line-height: 20px; font-size: 11px; color: #ffffff; background-color: #21b5ff; vertical-align: 1px; text-align: center; }
.vote-item .item p { margin-top: 5px; }
.light-gray { background-color: #c0c9ce!important; }

.vote-footer { text-align: center; }
.vote-footer i{ margin-top: -5px; }
.vote-footer p { font-size: 11px; color:#82939e; margin-top: -7px; }
.vote-footer .active p { color: #21b5ff; }
.vote-view-footer { line-height: 44px; padding: 0 15px; }
.vote-view-footer div{ position: absolute; right: 15px; }

/*投票详情页*/
.vote-view-header .participant span:first-child { display: inline-block; margin-top: 10px; margin-bottom: 5px; font-size: 14px; white-space: normal; min-height: 20px; vertical-align: -10px; }
.vote-view-header .description { margin-top: 10px; }
.vote-view-header .description:after { content: ''; display: block;  border-bottom: 1px solid #dfdfdf; margin-top: 20px; }
.vote-view-header .description span{ display: inline-block; }
.vote-view-header .description span:first-child { line-height: 2; font-size: 14px; color: #bac3c8; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 50px; }
.vote-view-header .description .open:first-child { max-height: none }
.vote-view-header .more { display: inline-block; position: absolute;  right: 15px; bottom: 40px; padding: 0 0 0 5px; background-color: #ffffff; }
.vote-view-header .more { color: #82939e; font-size: 12px; }
.vote-view-header .more i { color: #bac3c8;}

.vote-content .item { border: none; color: #383c41; padding: 10px 16px; }
.vote-content .vote-title { font-size: 18px; margin-bottom: 20px; white-space: normal; }
.vote-checkbox .item-checkbox { padding: 15px 0 15px 36px; border: 0 none; display: table; }
.vote-checkbox .item-checkbox.voted { padding: 15px 0 15px 0; }
.vote-checkbox .item-checkbox.checkbox { position: absolute; top: 50%; right: 8px; left: 8px; z-index: 3; margin-top: -21px; }
.vote-checkbox  .checkbox-icon { margin-left: -13px; margin-top: 5px; width: 20px; height: 20px; }
.vote-checkbox  .checkbox-icon:before{ border-radius: 4px; }
.vote-checkbox  .checkbox-icon.radio:before{ border-radius: 50%; }
.vote-checkbox  .checkbox-icon:after{ width: 11px; height: 4px; left: 27%; }
.vote-checkbox  .picture { display:table-cell; width: 75px; }
.vote-checkbox  img{  width: 75px; height: 75px; vertical-align: -32px; margin-right: 10px; }
.vote-checkbox  .item-content{ display:table-cell; white-space: normal; vertical-align: middle; }
.vote-checkbox  span{ white-space: normal; }
.vote-checkbox  .checkbox-icon:after{ top: 35%; }
.progress-bar { padding: 0; }
.progress-bar .col-70 {  -webkit-box-flex: 0;  -webkit-flex: 0 0 70%;  -moz-box-flex: 0;  -moz-flex: 0 0 70%;  -ms-flex: 0 0 70%;  flex: 0 0 70%;  max-width: 70%;}
.progress-bar .col-30 {  -webkit-box-flex: 0;  -webkit-flex: 0 0 30%;  -moz-box-flex: 0;  -moz-flex: 0 0 30%;  -ms-flex: 0 0 30%;  flex: 0 0 70%;  max-width: 30%;}
.progress-bar .progress-bar-bg { height: 10px; background-color: #e6e6e6; display: inline-block; margin-top: 10px ;position: relative; }
.progress-bar .progress-bar-bg .progress{ position: absolute; height: 10px;  left: 0; top: 0; }
.progress-bar .item-note{ text-align: right; }

.vote-button { margin-top: 10px; margin-bottom: 10px; width: 125px; height: 44px; border-radius: 3px; text-align: center; background-color: #21b5ff; line-height: 44px; }
.vote-button[disabled]{ background-color: #c0c9ce; opacity: 1; }

.vote-crew-list { margin-bottom: 0; }
.vote-crew-list .item { line-height: 40px; }
.vote-crew-list .item-divider { padding: 2px 15px; background-color: #f0f0f2; }
.vote-crew-list.list-avatar-group .item-avatar + .item-avatar:before { left: 0; }

/*CRM-icons*/
.icon-men,.icon-women {
  background: url('../img/crm/sex-icons.png') no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 28px 14px;
  -webkit-background-size: 28px 14px;
}
.icon-men {}
.icon-women { background-position: -14px 0; }

.icon-browser {
  background: url('../img/crm/icon-browser.png') no-repeat;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 12px;
  -webkit-background-size: 12px;
}

.crm-icon-client,
.crm-icon-contact,
.crm-icon-opp
/*.crm-icon-event,
.crm-icon-opp-underway,
.crm-icon-opp-finish,
.crm-icon-income*/{
  background: url('../img/crm/crm-type-icon.png') no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-size: 84px 12px;
  -webkit-background-size: 84px 12px;
}
.crm-icon-contact{ background-position: -12px 0; }
.crm-icon-opp{ background-position: -24px 0; }
/*.crm-icon-event{ background-position: -36px 0; }
.crm-icon-opp-underway{ background-position: -48px 0; }
.crm-icon-opp-finish{ background-position: -60px 0; }
.crm-icon-income{ background-position: -72px 0; }*/

.icon-attach-event, .icon-attach-opportunity, .icon-attach-contact, .icon-attach-client, .icon-attach-contact-link,
.icon-attach-event-g, .icon-attach-opportunity-g, .icon-attach-contact-g, .icon-attach-client-g
{
  background: url('../img/crm/crm-attach-type.png') no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 160px 64px;
  -webkit-background-size: 160px 64px;  
}

.icon-attach-opportunity{ background-position: -32px 0; }
.icon-attach-contact{ background-position: -64px 0; }
.icon-attach-client{ background-position: -96px 0; }
.icon-attach-contact-link{ background-position: -128px 0; }

.icon-attach-event-g{ background-position: 0 -32px; }
.icon-attach-opportunity-g{ background-position: -32px -32px; }
.icon-attach-contact-g{ background-position: -64px -32px; }
.icon-attach-client-g{ background-position: -96px -32px; }

/*crm-首页*/
.bar-crm{ border-color: #555; background-color: #555; background-image: none; }
.bar-crm .title { color: #fff; }
.bar-crm .button { border-color: transparent; background-color: #40b1ff; color: #fff; }
.bar-crm .button.active,
.bar-crm .button.activated { border-color: #0d9cff; background-color: #0d9cff; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
.bar-crm .button.button-clear { border-color: transparent; background: none; box-shadow: none; color: #fff; font-size: 17px; }
.bar-crm .button.button-icon { border-color: transparent; background: none; }

.crm-fab{ width: 60px; height: 60px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.crm-fab-outline{ border: 2px solid #fff }
.crm-fab-outline-gray{ border: 2px solid #82939e }
.crm-fab i{ margin-top: 14px; }
.crm-fab-skyblue{ background-color: #21b5ff; }
.crm-fab-melon{ background-color: #ffbb6d; }
.crm-fab-mint{ background-color: #a7d85a; }
.crm-fab-stone{ background-color: #8eabcd; }
.crm-fab-gillyflower{ background-color: #ff9bb0; }

.crm-tabs { padding: 20px 10px; background-color: #555; width: 100%; text-align: center; color: #ffffff; }
.crm-tabs .crm-fab{ width: 50px; height: 50px; margin: 0 auto 8px; }
.crm-tabs .crm-fab i{ margin-top: 9px; -webkit-transform: scale(0.9); transform: scale(0.9); }
.crm-tabs .crm-fab-outline i,
.crm-tabs .crm-fab-outline-gray i{ margin-top: 7px; }
.crm-tabs .row:first-child{ padding-top: 8px; padding-bottom: 12px; }
.crm-tabs .row:last-child{ padding-top: 12px; padding-bottom: 8px; }
.crm-tabs .row .col p{ margin-bottom: 0; }


.crm-divider { padding: 5px 15px; background-color: #f8f8f9; }

.crm-bg { background-color: #f8f8f9; }

/*CRM-联系人*/
.contact-telephone{
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #21b5ff;
  z-index: 11;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}

.crm-contact-item .ion-minus-circled{
  color: #f74b31;
  font-size: 26px;
}
.crm-contact-item .item-content{ padding-top: 10px; padding-bottom: 10px; }

.list-avatar-group .crm-contact-item.item-avatar > img:first-child,
.list-avatar-group .crm-contact-item.item-avatar .item-content > img:first-child{ top: 12px; left: 15px; width: 35px; height: 35px; border-radius: 50%; }

@-webkit-keyframes slideDown {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes slideDown {
  from {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.crm-filter{
  position: absolute;
  z-index: 11;
  top: 44px;
  left: 0;
  right: 0;
  background-color: #fff;
}
.crm-filter-open{ box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.crm-filter-header{ top: 73px; }
.crm-filter-menu {
  // -webkit-transform-origin: top center;
  // transform-origin: top center;
  // -webkit-animation: slideDown .3s;
  // -o-animation: slideDown .3s;
  // animation: slideDown .3s;
  padding-top: 10px;
  padding-bottom: 0; 
  background-color: transparent;
  border-bottom: 0 none;
}
.crm-filter-menu ion-scroll{
  margin-bottom: 5px;
}

.crm-filter-row{
  white-space: nowrap;
}
.crm-filter-row .label{
  padding: 2.5px 11px;
  text-align: center;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  border-color: transparent;
}
.crm-filter-row .label.active{ border-color: #21b5ff; color: #21b5ff; }
.crm-filter-title{ margin-bottom: 8px; font-size: 15px; }
.crm-filter-footer{ margin-top: -1px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #82939e; }
.crm-filter-footer i{ font-size: 20px; }

.crm-view-item-divider{ padding: 5px 15px; background-color: #f8f8f9; }

/*CRM-通用表单样式*/
.crm-cm-form .input-label{ max-width: 100px; }
.crm-cm-form input,
.crm-cm-form textarea,
.crm-cm-form select{ color: #82939e; }
.crm-cm-form select{ position: relative; padding-left: 0; max-width: auto; width: 100%; max-width: auto; direction: ltr; }
.crm-cm-form .item-select:after{ display: none; }

/*CRM-添加联系人*/
.crm-ctt-select-list{}
.crm-ctt-select-list .item-avatar .item-content{ min-height: 60px; padding-top: 10px; padding-bottom: 10px; }
.crm-ctt-select-list .item-avatar .item-content h2{ margin-top: 0; }

.crm-d-card{ margin-bottom: 20px; background-color: #fff; }
.crm-d-card-hd,
.crm-d-card-bd{ padding-left: 30px; padding-right: 30px; }
.crm-d-card-hd{ padding-top: 12px; padding-bottom: 12px; font-size: 15px; color: #58585c; border-bottom: 1px solid #dadfe6; }
.crm-d-card-bd{ padding-top: 7px; padding-bottom: 7px; font-size: 12px; color: #979797; }
.crm-d-card-bd .row,
.crm-d-card-bd .col{ padding: 0; }
.crm-d-card-label{ margin-bottom: 8px; font-size: 12px; color: #82939e; }

.crm-d-card-hd .ion-ios-help-outline{ float: right; color: #b4b4c0; font-size: 20px; }

.crm-d-card-processbar{ margin-top: 5px; padding-right: 40px; }

.crm-d-card-mf,
.crm-d-card-lf{ font-size: 30px; color: #58585c; }
.crm-d-card-of{ font-size: 30px; color: #ff9500; }
.crm-d-card-lf{ font-weight: 100; }
.crm-d-card-sf{ font-size: 18px; color: #58585c; }

.crm-d-card-block{ padding-top: 15px; padding-bottom: 15px; }

.crm-d-card-line{ border-bottom: 1px solid #dadfe6; }

.crm-tags-grid .col{ position: relative; padding-right: 20px; }
.crm-tags-grid .col:after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -26px;
  right: 20px;
  height: 40px;
  width: 1px;
  background-color: #eef1f4;
}
.crm-tags-grid .col:last-child:after{ display: none; }

.crm-d-today{ border-bottom: 1px solid #dadfe6; padding-left: 0; padding-right: 0; }
.crm-d-today .crm-tags-grid{ text-align: center; }
.crm-d-today .crm-tags-grid .col:after{ right: 10px; }
.crm-d-today .crm-d-card-label{ margin-bottom: 0; }

.crm-tags-cell{ height: 80px; }
.crm-tags-cell-title{ margin-bottom: 5px; }
.crm-tags-cell-title i{
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  vertical-align: 2px;
}
.crm-tags-cell-em{ font-size: 24px; color: #58583c; }

/*CRM-客户*/
.crm-user{ font-size: 12px; color: #383c41;}
.crm-user img{ width: 20px; height: 20px; border-radius: 50%;  }
.crm-user img,
.crm-user span{ vertical-align: middle; }
.crm-user-light{ color: #fff; }

.crm-icon-date,
.crm-icon-tag,
.crm-icon-sandglass,
.crm-icon-clock{
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background-size: 12px;
  background-repeat: no-repeat;
}
.crm-icon-date{ background-image: url(../img/crm/date.png); }
.crm-icon-tag{ background-image: url(../img/crm/tag.png); }
.crm-icon-sandglass{ background-image: url(../img/crm/sandglass.png); }
.crm-icon-clock{ background-image: url(../img/crm/clock.png); }


.crm-icon36-location,
.crm-icon36-location-b{
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  -webkit-background-size: 36px 18px;
  background-size: 36px 18px;
  background-repeat: no-repeat;
  background-image: url(../img/crm/location.png); 
}
.crm-icon36-location-b{ background-position: -18px 0; }

.crm-tags-section span{ font-size: 12px; color: #82939e; vertical-align: middle; }

.crm-mn-card/*with item item-text-wrap*/{
  position: relative;
  margin: 0;
  width: 100%;
  background-color: #21b5ff;
  border: 0 none;
  color: #fff;
}
.crm-mn-card-title{ font-size: 18px; margin-bottom: 5px; }
.crm-mn-card-footer{ margin-top: 5px; }
.crm-mn-card-footer i,
.crm-mn-card-footer span{ vertical-align: middle; }
.crm-mn-card-footer .icon-browser{ margin-right: 5px; }
.crm-mn-card-footer a{ color: #fff; }

.crm-mn-card .item-note.ion-ios-plus-outline{
  font-size: 32px;
  color: #fff;
  margin-top: -2px;
}

.crm-common-item .item-content{ padding-top: 10px; padding-bottom: 10px; padding-right: 16px; }
.crm-common-item p{ font-size: 12px; color: #b2c0d1; }
.crm-common-item h2{ padding: 2px 0; }
.crm-common-item h2 strong{ font-weight: 400; color: #ff9500; }
.crm-common-item .row { margin: 0 -5px; padding: 0; }
.crm-common-item .row img{ width: 80px; height: 80px; border-radius: 10px; }

.crm-nb-tabs { position: relative; text-align: center; padding: 0 ; background-color: #ffffff; color: #82939e; }
.crm-nb-tabs:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #f8f8f9; }
.crm-nb-tabs .col{ padding-top: 10px; padding-bottom: 10px; }
.crm-nb-tabs .col.active { position: relative; color: #21b5ff; }
.crm-nb-tabs .active.col:after { content: ''; width: 100%; height: 2px; background-color: #21b5ff; position: absolute; bottom: 0; left: 0; z-index: 5; }

.crm-like-fullname {
  z-index: 5000;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  position: absolute;
  background-color: #FFF;
  width: 100%;
  min-height: 6rem;
}

/*CRM-客户详情页*/
.crm-client-view-header{ min-height: 100px;  }
.crm-client-view-header .crm-user img{ width: 20px; height: 20px; }
.crm-client-item-footer{ margin-top: 3px; }

/*CRM-客户详情页-商机列表*/
.crm-opportunity-item i { position: absolute; top: 7px; right: 15px;}

/*CRM-商机首页*/
.crm-add-opportunity .right-input { position: absolute;  top: 8px;  right: 30px;  color: #82939e; }
.crm-add-opportunity .right-input input{ display: inline-block; text-align: right; vertical-align: 0; padding-right: 5px; }

/*CRM-添加事件*/
.crm-event-pb{ padding-top: 10px; padding-bottom: 10px; }
.crm-event-item h2{ margin-bottom: 0; padding: 7px 0; }
.crm-event-view-title{ margin-top: 5px!important; min-height: 100px; font-size: 15px; }

@-webkit-keyframes attachMenuZoomIn {
  from {
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes attachMenuZoomIn {
  from {
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.crm-new-modal,
.crm-attach-modal { background-color: rgba(74, 74, 74, .9) }

.crm-new-modal .crm-tabs,
.crm-attach-modal .crm-tabs{
  position: absolute;
  left: 0;
  right: 0;
}

/*@Todo: 加个动画*/
.crm-new-modal .crm-tabs{ background-color: #fff;  bottom: 0; padding-top: 10px; padding-bottom: 10px; }
.crm-new-modal .crm-tabs { color: #82939e; }

.crm-attach-modal .crm-tabs{ top: 150px; background-color: transparent; }


@media (max-width: 320px) {
  .crm-client-ctnr .lateral div:first-child { font-size: 14px; color: #383c41; margin-top: 10px; line-height: 10px; }
  .crm-client-ctnr .lateral div:last-child { font-size: 12px; color: #82939e; }
}

/*设置弹窗*/
.setting-header { height: 35px; line-height: 35px;}
.setting-header div{ display: inline-block; position: absolute; right: 15px; }
.sets-ctnr .item h2{ margin-top: 12px;}
.sets-ctnr .list-avatar-group .item-avatar { min-height: 63px; }
.sets-ctnr .list-avatar-group .item-avatar + .item-avatar:before { left: 68px; }
.sets-checkbox { display: inline-block; position: absolute; top: 20px; right: 15px;}
.sets-checkbox .checkbox{ padding: 3px 15px; }
.sets-checkbox .checkbox input,
.sets-checkbox .checkbox-icon {
  width: 20px;
  height: 20px;
}
.sets-checkbox .checkbox .checkbox-icon:before, .sets-checkbox .checkbox input:not([disabled="disabled"]):before { border-color: #40b1ff;}
.sets-checkbox .checkbox input:after, .sets-checkbox .checkbox-icon:after{
  top:12%;
  left: 12%;
  border: 2px solid #ffffff;
  width: 80%;
  height: 80%;
  background-color: #40b1ff;
  border-radius: 50%;
}
.sets-ctnr .item-reorder .button.icon{ right: 0; }

/*活动*/
.subheader-nav-pane{}
.subheader-nav-pane .bar-subheader{ padding: 10px 15px; height: 50px; background-color: #fff; }
.subheader-nav-pane .has-subheader{ top: 94px; }

.subheader-nav{ text-align: center; }
.subheader-nav { border: 1px solid #b2c0d1; border-radius: 5px; }
.subheader-nav .active { background-color: #b2c0d1; color: #fff; }
.subheader-nav.row { padding: 0; }
.subheader-nav.row .col{ padding-top: 4px; padding-bottom: 4px; }

.subheader-nav span:first-child{ border-right: 1px solid #b2c0d1}
.subheader-nav span:last-child{ border-left: 1px solid #b2c0d1}

.subheader-nav-activity{ border-color: #21b5ff; color: #21b5ff; }
.subheader-nav-activity .active { background-color: #21b5ff; }
.subheader-nav-activity span:first-child{ border-right-color: #21b5ff;  }
.subheader-nav-activity span:last-child{ border-left-color: #21b5ff; }

.activity-bg { background-color: #F8F8F9; }
.activity-tabs.row{ padding: 0;  border: 1px solid #21b5ff; border-radius: 5px; color: #21b5ff }
.activity-tabs span:first-child{ border-right: 1px solid #21b5ff; }
.activity-tabs span.active{ background-color: #21b5ff; color: #ffffff; }

.activity-item{ padding-top: 10px; padding-bottom: 10px; }
.activity-item .item-note{ position: relative; font-size: 12px; }

.activity-item-finish{}
.activity-item-finish h2{ color: #82939e; }
.activity-item-finish p,
.activity-item-finish .item-note{ color: #dadfe6; }

.activity-view h2 { white-space: normal; }
.activity-view .item-divider { background-color: #F8F8F9; padding-top: 10px; padding-bottom: 10px; }
.activity-view .activity-toggle { padding: 10px 16px; color: #21b5ff; text-align: center; }
.activity-view .activity-info-bar { text-align: center; color: #21b5ff; font-size: 14px; border-right: 0 none; }

.activity-period-item .cut-line { position: absolute; left: 48%; color: #b2c0d1; }
.activity-period-item span:last-child{ position: absolute; right: 15px; }
.activity-content { overflow: hidden; max-height: 154px; min-height: 154px; }
.activity-content,
.activity-content p{ font-size: 14px; color: #383c41; }
.activity-content.unfurl{ max-height: none; }

.activity-info .list .item:not(.item-divider){ margin-left: 0; padding: 5px 15px;  }
.activity-info .input-label { width: 80px; text-align-last: justify; align-self: flex-start; color: #82939e; }
.activity-info .item-input .input-content { margin-left: 30px; }
.activity-info .item-input .input-content input{ color: #383c41; }

.activity-info textarea{ width: 100%; min-height: 100px; }
.activity-info .activity-list .item { border: 0 none; }
.activity-info .activity-list .input-label{ padding-top: 2px; padding-bottom: 2px; }

.activity-info .activity-list .activity-operate-bar{ border-top: 1px solid #dfdfdf; }
.activity-operate-bar .col{ padding-left: 12px; padding-right: 12px; }
.activity-operate-bar .col .button{ margin-top: 0; margin-bottom: 0; }
.activity-operate-bar .col .button-assertive{ background-color: #ff6a6e; }

.activity-notice-bar { border-bottom: 0 none; background-color: #8ed1ff; color: #fff; font-size: 14px; }
.activity-notice-bar.item { padding: 12px; }

.activity-signup-stamp {
  background: url('../img/activity/stamp-finish.png') no-repeat;
  display: inline-block;
  width: 75px;
  height: 75px;
  background-size: 100%;
  -webkit-background-size: 100%;
  position: absolute;
  top: -5px;
  right: 15px;
}
.o-activity-map{
  background: url('../img/activity/icon-map.png') center no-repeat;
  width: 20px;
  height: 20px;
  background-size: 12px;
  -webkit-background-size:12px;
}

.icon-more,
.icon-plan {
  background: url('../img/activity/activity-icons.png');
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 20px 10px;
  -webkit-background-size: 20px 10px;
}
.icon-plan { background-position: -10px 0; }

/*汇报*/
.rp-icon-receive,.rp-icon-send{
  background: url("../img/report/entry-icons.png") no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 80px 80px;
  -webkit-background-size: 80px 80px;
  margin: 20px 20px 25px 22px;
}
.rp-icon-entry-block .rp-icon-receive{}
.rp-icon-entry-block .rp-icon-send{ background-position: -40px  0;}
.rp-icon-entry-block.active .rp-icon-receive{ background-position: 0  -40px;}
.rp-icon-entry-block.active .rp-icon-send{ background-position: -40px  -40px;}

.icon-plus {
  background: url('../img/report/icon-plus.png') no-repeat;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size:35px 35px;
  -webkit-background-size: 35px 35px;
  margin: 10px;
}
.icon-setting-order,.icon-order{
  background: url('../img/report/order-icons.png') no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 36px 18px;
  -webkit-background-size: 36px 18px;
}
.icon-setting-order {}
.icon-order { background-position: -18px 0; margin-left: 10px; }

.icon-readed {
  background: url("../img/report/icon-readed.png") no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}
.icon-addr {
  background: url("../img/report/icon-addr.png") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  vertical-align: -3px;
}
.icon-favor,.icon-favor-red{
  background: url('../img/report/stampmark-icons.png');
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  -webkit-background-size: 40px 20px;
}
.icon-favor-red { background-position: -20px 0; }

.rp-icon-location{
  background: url('../img/report/icon-location.png') no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
  -webkit-background-size: 13px 13px;
  vertical-align: -2px;
}
.rp-icon-calendar{
  background: url('../img/report/icon-calendar.png') no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  -webkit-background-size: 18px 18px;
}
/*.icon-report-mark{*/
  /*background: url('../img/report/icon-report-mark.png')no-repeat;*/
  /*display: inline-block;*/
  /*width: 6px;*/
  /*height: 6px;*/
  /*background-size: 6px 6px;*/
  /*-webkit-background-size: 6px 6px;*/
/*}*/

/*汇报模板图标*/
.rp-tpl-icon{
  background: url('../img/report/report-template-icons.png') no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 280px 200px;
  -webkit-background-size: 280px 200px;
}

.rp-tpl-icon-12{ transform: scale(0.3); }
.rp-tpl-icon-30{ transform: scale(0.75); }

.rp-tpl-icon-default {}
.rp-tpl-icon-flow { background-position: -40px 0;}
.rp-tpl-icon-other{ background-position: -80px 0;}
.rp-tpl-icon-briefcase{ background-position: -120px 0;}
.rp-tpl-icon-lock{ background-position: -160px 0;}
.rp-tpl-icon-chance{ background-position: -200px 0;}
.rp-tpl-icon-construction{ background-position: -240px 0;}
.rp-tpl-icon-investigate{ background-position: 0 -40px;}
.rp-tpl-icon-client{ background-position: -40px -40px;}
.rp-tpl-icon-official_document{ background-position: -80px -40px;}
.rp-tpl-icon-urgent_message{ background-position: -120px -40px;}
.rp-tpl-icon-behavioral_norms{ background-position: -160px -40px;}
.rp-tpl-icon-stock_chart{ background-position: -200px -40px;}
.rp-tpl-icon-maintenance_report{ background-position: -240px -40px;}
.rp-tpl-icon-call_on{ background-position: 0 -80px;}
.rp-tpl-icon-college_affairs{ background-position: -40px -80px;}
.rp-tpl-icon-summarize{ background-position: -80px -80px;}
.rp-tpl-icon-weekly_report{ background-position: -120px -80px;}
.rp-tpl-icon-monthly_report{ background-position: -160px -80px;}
.rp-tpl-icon-calendar{ background-position: -200px -80px;}
.rp-tpl-icon-repair{ background-position: -240px -80px;}
.rp-tpl-icon-performance{ background-position: 0 -120px;}
.rp-tpl-icon-framework{ background-position: -40px -120px;}
.rp-tpl-icon-label{ background-position: -80px -120px;}
.rp-tpl-icon-article{ background-position: -120px -120px;}
.rp-tpl-icon-headwea{ background-position: -160px -120px;}
.rp-tpl-icon-promote{ background-position: -200px -120px;}
.rp-tpl-icon-setting{ background-position: -240px -120px;}
.rp-tpl-icon-form{ background-position: 0 -160px;}
.rp-tpl-icon-house{ background-position: -40px -160px;}
.rp-tpl-icon-travel{ background-position: -80px -160px;}


/*汇报首页*/
.rp-index { color: #82939e; }
.rp-entry-block { background-color: #f8f8f9; border-bottom: 1px solid #dadfe6; }
.rp-icon-entry-block { position: relative; display: inline-block; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; margin: 30px 50px 50px 50px; text-align: center; }
.rp-receive.active { background-color: #afddfc; }
.rp-send.active { background-color: #b4b4c0; }
.rp-remind { display:inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #FF6A6E; color: #fff;position: absolute; top: 5px; right: 5px; font-size: 9px; line-height: 15px; }

.rp-modules { text-align: center; }
.rp-modules .row { padding: 0; }
.rp-modules .col { border-left: 1px solid #dadfe6; border-bottom: 1px solid #dadfe6; height: 125px;}
.rp-modules .rp-tpl-icon { border-radius: 5px; margin: 20px 20px 10px 20px;}

.rp-order-list.list-avatar-group .item-avatar + .item-avatar:before { left: 0; }
.rp-order-list.list-avatar-group .item-avatar.item-complex .item-content { padding-left:60px; }
.rp-order-list .rp-tpl-icon-30 { position: absolute; left: 10px; top: 11px; }
.rp-order-list h2 { margin-top: 6px; }
.rp-order-list p { width: 200px; white-space: normal; margin-top: -4px; }
.rp-tpl-add-button{ position: absolute;  top: 17px;  right: 15px;  padding: 3px 15px;  font-size: 11px;  border-radius: 3px; }
.rp-tpl-add-button.add{ background-color: #21B5FF;  color: #fff; }
.rp-tpl-add-button.added{ background-color: #fff;  color: #b2c0d1; border:1px solid #b2c0d1; }
.rp-tpl-add-button.added[disabled]{ background-color: #fff;  color: #b2c0d1; border:1px solid #b2c0d1; }
.rp-tpl-add-button[disabled]{ background-color:  #c4e7ff; }

.rp-subheader-nav  { border: 1px solid #21B5FF; color:#21B5FF; }
.rp-subheader-nav .active { background-color: #21B5FF;  color: #fff; }
.rp-subheader-nav span:first-child { border-right: 1px solid #21B5FF; }
.rp-subheader-nav span:last-child { border-left: 1px solid #21B5FF; }

.rp-item-select-user { padding: 10px 6px; }
.rp-item-select-user p{ padding:0 0 0 10px; font-size: 16px; color: #58585c; }
.rp-item-select-user .cslist-plus-icon.manager-icon { border: 0 none; font-size: 12px; color: #fff; background-color: #8ED1FF; }
.rp-item-select-manage { white-space: normal; }

.rp-footer-bar { text-align: center; }
.rp-footer-bar i{ margin-top: -7px; }
.rp-footer-bar p{ margin-top: -10px; font-size: 11px; color: #82939e; }
.rp-footer-bar .active p{ color: #21B5FF; }
.rp-footer-bar .active .icon-unapproval{ background-position: -50px -25px;}
.rp-footer-bar .active .icon-sorting{ background-position: -75px -25px;}

/*汇报列表*/
.rp-list-has-subheader { top: 131px; }
.rp-list-stamp { width: 75px; height: 45px;}
.rp-list-unread-flag { width: 10px;  height: 10px;  background-color: #21B5FF;  border-radius: 50%;  display: inline-block;  position: absolute; top: 22px;}
.rp-list-search-header-bar { position: absolute; top: 44px; }

.rp-receive-list .rp-tpl-icon-12 { position: absolute; top: 13px; left: 27px; }
.rp-receive-list .rp-subject{ margin-left: 16px; }
.rp-receive-list .item.item-avatar{ display: block; }

.rp-send-list.item h3{ margin-top:7px; }
.rp-send-list.rp-draft-list a { background-color: #fffcf8; }
.rp-send-list.item .item-avatar { min-height: 38px; display: block; }
.rp-send-list.item .item-avatar .rp-tpl-icon-30 {  position: absolute;  left: 2px;  top: 5px; transform-origin: left top; }

.rp-charge-list{ margin-bottom: 0; }
.rp-charge-list .item { padding: 20px 16px 20px 60px; }
.rp-charge-list .item .checkbox input{ width: 24px; height: 24px; margin-top: 3px; }

/*汇报-创建/编辑*/
.rp-remarks-item { display:block; padding:5px 16px; }
.rp-remarks-item textarea{ width: 100%; min-height: 60px; }

.rp-widget-item input{ color: #58585c; }
.rp-widget-item .padding-horizontal{ margin-right: 15px; }

.rp-annex-item { padding: 10px 15px; }
.rp-annex-item span { vertical-align: -3px; }
.rp-annex-item input[type="file"]{ position: absolute;  top: 0; left: 0; width: 0; height: 0; opacity: 0;}

/*.rp-file-icon-start { width: 24px; height: 24px; border-radius: 50%; background-color: #21B5FF; position: absolute; right: 15px; top: 12px; }*/
/*.rp-file-icon-start:before { content: ""; width: 22px; height: 22px; border-radius: 50%; background-color: #fff; position: absolute; right: 1px; top: 1px; }*/
/*.rp-file-icon-start:after { content: ""; width: 9px; height: 9px; display: inline-block; background-color: #21B5FF; position: relative; top:1px; left: 8px; }*/
/*.rp-file-icon-upload { width: 22px; height: 22px; border-radius: 50%; border:2px solid  #21B5FF; background-color: transparent; position: absolute; right: 1px; top: 1px; }*/

.rp-attach.list{ margin-bottom: 0; border-bottom: 1px solid #dbdbdb; }
.rp-attach.list-avatar-group .item-avatar > img:first-child { max-width: 24px; max-height: 24px; top:12px; }
.rp-attach.list-avatar-group .item-avatar.item { margin: 20px 16px; padding: 5px 16px 5px 47px; border-radius: 3px; min-height: 40px }
.rp-attach.list-avatar-group .item-avatar + .item-avatar{ border-top: 1px solid #dbdbdb; }
.rp-attach.list-avatar-group .item-avatar + .item-avatar:before { content: ''; height: 0; }
.rp-attach .ion-minus-circled{ font-size: 24px; color: #F74B31; position: absolute; top:12px; right: 15px; }
.rp-attach h2{ font-size: 12px; color: #383c41; padding-right: 30px; }
.rp-attach p{ font-size: 11px; }
.rp-attach span { margin-top: 8px; }

.rp-form-address-bar { padding: 5px 15px 25px 15px; }
.rp-form-spinner.spinner svg{ width: 24px; height: 24px; }

/*汇报详情*/
.rp-view-list .item{ border:0 none; border-bottom: 1px solid #DFDFDF; }
.rp-view-list .item-avatar{ padding: 5px 0 10px 56px; position: relative; z-index: 3; min-height: 50px; overflow: visible; }
.rp-view-list .item-avatar img { border-radius: 50% }
.rp-view-list .item-avatar > img:first-child { top:2px; left: 0; }
.rp-view-list .rp-tpl-icon-12 { position: absolute; top: 17px; left: 43px; }
.rp-view-list .rp-subject{ margin-left: 18px; white-space: normal; }
.rp-view-list.item-padding { padding-bottom: 0!important; }
.rp-view-content{ white-space: normal;color: #58585c; }
.re-view-record { padding: 15px 0; margin-top: 1px; white-space: normal;}
.rp-view-stamp { border-radius: 0 !important; width: 85px; height: 50px; position: absolute; bottom: -20px; right: 20px; }
.rp-view-addr { white-space: normal; }
.rp-item-divider { padding: 10px; font-size: 13px; }

.rp-comment-stamp-box { border-top:1px solid #dbdbdb; }
.rp-comment-stamp-box img { vertical-align:  0;}
.rp-comment .item-avatar>img:first-child { border-radius: 50%; top: 18px; }
.rp-comment .item-indent + .item-indent:before { content: ''; left: 72px; }
.rp-comment .item-divider { padding: 8px 10px; }
.rp-comment span { vertical-align: -3px; }
.rp-comment h2 { margin-bottom: 7px; }
.rp-comment p { font-size: 16px; }

.mb-footer{ padding-left: 15px; padding-right: 15px; height: 72px; background-color: #f8f8f9; border-top: 1px solid #dadfe6; }
.mb-footer .button-block{ margin-top: 8px; margin-bottom: 8px; font-size: 17px; }
.has-mb-footer{ bottom: 73px; }

.ib-tabs{ white-space: nowrap; }
.ib-tab-item{
  display: inline-block;
  color: #82939e;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  margin: 0 18px;
}
.ib-tab-item.active{
  color: #21b5ff;
  box-shadow: inset 0 -3px 0 #21b5ff;
}

.search-tab-bar{ padding: 0; }
.search-tab-bar .scroll-view,
.search-tab-bar .scroll{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 44px;
}

.search-tab-bar .scroll-view{ margin-top: 0; }

.search-tab-bar-btn{
  position: relative;
  width: 38px;
  line-height: 44px;
  text-align: center;
  color: #82939e;
  font-size: 24px;
  box-shadow: -2px 0px 10px rgba(255, 255, 255, .8);
}
.search-tab-bar-btn:before{
  content: "";
  position: absolute;
  left: 0;
  right: 37px;
  top: 10px;
  bottom: 10px;
  background-color: #e5e8ed;
  transform: scaleX(.5);
}

.search-tab-bar .ib-tab-item{ height: 44px; line-height: 44px; }

.fixed-toolbar{ position: fixed; bottom: 40px; right: 15px;  }
.fixed-toolbar-btn/* with .button */{
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  min-width: 45px;
  min-height: 45px;
  font-size: 40px;
  -webkit-box-shadow: 0 3px 7px rgba(10, 111, 162, .45);
  box-shadow: 0 3px 7px rgba(10, 111, 162, .45);
}

// .tags-selector-trigger,
.crm-icon-chevron-dd{
  background-image: url('../img/crm/double_chevron_down.png');
  background-repeat: no-repeat;
  -webkit-background-size: 12px;
  background-size: 12px;
}
// .tags-selector-trigger{
//   padding: 11.5px;
//   background-color: #fff;
//   background-position: center;
// }
.crm-icon-chevron-dd{ display: inline-block; width: 12px; height: 12px; }

